<st@te<!DOCTYPE html>
<html>

 <head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="app_framework/2.1/css/af.ui.min.css">
  <link rel="stylesheet" type="text/css" href="app_framework/2.1/css/icons.min.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <title>Hexar</title>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  <link rel="stylesheet" href="css/old-android.css">
  <link rel="stylesheet" href="css/flipclock.css">
  <link rel="stylesheet" href="css/jquery-ui.css">
  <link rel="stylesheet" href="css/jquery-ui.structure.css">

  <link rel="stylesheet" type="text/css" href="css/index_main.less.css" class="main-less">

     
  <script src="intelxdk.js"></script>
  <script src="cordova.js"></script>
  <script src="xhr.js"></script>

  <script src="js/app.js"></script>
  <script src="js/init-app.js"></script>
  <script src="js/init-dev.js"></script>

  <script type="application/javascript" src="app_framework/2.1/appframework.js"></script>
  <script type="application/javascript" src="app_framework/2.1/appframework.ui.js" data-ver="1"></script>

  <script type="application/javascript" src="js/jquery.min.js"></script>
  <script type="application/javascript" src="js/jquery-ui.js"></script>
  <script type="application/javascript" src="sidebar/js/jquery.event.move.js"></script>
  <script type="application/javascript" src="sidebar/js/jquery.event.swipe.js"></script>
  <script type="application/javascript" src="sidebar/js/sidebar.js"></script>
  <script type="application/javascript" src="sidebar/js/swipe.js"></script>
  <script type="application/javascript" src="js/jquery.cookie.js"></script>
  <script type="application/javascript" src="js/index_user_scripts.js"></script>

  <script type="application/javascript" src="js/af_subpage.js"></script>

  <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
  <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>
  <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.5/src/markerwithlabel_packed.js"></script>
  <script type="application/javascript" src="js/main.js"></script>
  <script type="application/javascript" src="js/dice.js"></script>
  <script src="js/flipclock.js"></script>

  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <meta charset="utf-8">

 </head>

 <body class="android light">

<div id="spinner"></div>
     
  <div id="contentBar">
    <div id="topBar">
    <div id="score"></div>
    <div class="clock"></div>
    <div class="message"></div>

   </div>

   <img src="img/logoHomeBase.png" onclick="setHomeBaseCenter()" id="logo">
   <img src="img/skullTop.png" id="skullTop">
   <img src="img/skullLeft.png"  id="skullLeft">
   <img src="img/points.png"  onclick="getPoints()" id="pointsimg">
      
      
   <div id="map-canvas"></div>

  </div>

  <div id="popUpDice">
      <div id="leftdice">
          <div class="floatleft" id="dice1div">
              <img alt="dice1" src="img/dice/logo.png" id="dice1" height="80" width="80">
              <br>
          </div>

          <div class="floatleft centertxt" id="player1lbl">
              <label id="player1"></label>
              <ul id="list1"></ul>
          </div>

          <div id="leftpoints">
              <label id="p1units"></label>
              <label>points remaining</label>
          </div>
      </div>

      <div id="rightdice">
          <div class="floatleft centertxt" id="player2lbl">
              <label id="player2"></label>
              <ul id="list2"></ul>
          </div>

          <div class="floatleft" id="dice2div">
              <img alt="dice2" src="img/dice/logo.png" id="dice2" height="80" width="80">
              <br>
          </div>

          <div id="rightpoints">
              <label id="p2units"></label>
              <label>points remaining</label>
          </div>
      </div>
  </div>

     <div id="popUpColor">
         <h2 style="color:white">Select your color</h2>
              <div id='topcolors'>   
                 
                  <div class = "imgChoose"  style=" background-image: url(img/colors/blue.png);"        onclick="chooseColor('blue')" > </div>
                  <div class = "imgChoose"  style=" background-image: url(img/colors/DarkGreen.png);"   onclick="chooseColor('DarkGreen')"> </div>
                  <div class = "imgChoose"  style=" background-image: url(img/colors/LightGreen.png);"  onclick="chooseColor('LightGreen')"> </div>
            </div>
                  <div class = "imgChoose"  style=" background-image: url(img/colors/orange.png);"  onclick="chooseColor('orange')"> </div>
              <div id='bottomcolors'>  
                  <div class = "imgChoose"  style=" background-image: url(img/colors/pink.png);"  onclick="chooseColor('pink')" > </div>
                  <div class = "imgChoose"  style=" background-image: url(img/colors/yellow.png);" onclick="chooseColor('yellow')" > </div>
                  <div class = "imgChoose"  style=" background-image: url(img/colors/red.png);" onclick="chooseColor('red')" > </div>
            </div>
                  
                  
                  
         <h2 style="color:white" >Selected color:</h2>
            <div id="currentColor"></div>
            
            <div id='popupbtns'>
            <div id = "yesPopUp" onclick="confirmChange()" > </div>
            
            <div id = "noPopUp" onclick='closeDlg()'>  </div>
            </div>
        </div>  
     
     
     <div id="audio">
        <audio id = "battle"> 
            <source src="http://149.210.188.153/hexar/Files/songs/battle.ogg" type="audio/ogg">
            <source src="http://149.210.188.153/hexar/Files/songs/battle.mp3" type="audio/mpeg">
        </audio>
         
         <audio id = "win"> 
            <source src="http://149.210.188.153/hexar/Files/songs/win.ogg" type="audio/ogg">
             <source src="http://149.210.188.153/hexar/Files/songs/win.mp3" type="audio/mpeg">
        </audio>
         
         
         <audio id = "lost"> 
            <source src="http://149.210.188.153/hexar/Files/songs/lost.ogg" type="audio/ogg">
             <source src="http://149.210.188.153/hexar/Files/songs/lost.mp3" type="audio/mpeg">
        </audio>
     
     
     </div>
     
 </body>

</html>